<!-- .vue结尾： SFC 单文件组件single file component -->


<!-- 模板：node在编译时会将其转换成DOM结构，再在浏览器解析HTML -->

<!-- 编译速度，性能差 -->
<!-- 通过vite打包工具可以解决:在node编译前，vite就将template打包成虚拟的DOM树 -->
<template>
    <div>
        {{ msg }}
        <my-button></my-button>
    </div>
</template>

<!-- vue语法 -->
<script>
import MyButton from './components/MyButton.vue';
export default {
    data() {
        return {
            msg: 'hello vue1'
        }
    },
    created() {
        
    },
    mounted() {
        
    },
    computed:{},
    watch:{},
    components:{
        MyButton
    },
}
</script>


<!-- 样式 -->
<style></style>
    